<template>
  <!-- 首页组件 -->
  <div class="dashboard">
    <div class="dashboard-header">
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="数据概览" name="first"
          ><router-view></router-view
        ></el-tab-pane>
        <el-tab-pane label="世界设置" name="second">
          <set-world></set-world>
        </el-tab-pane>
      </el-tabs>
    </div>
    <div class="dashboard-data"></div>
  </div>
</template>
<script>
import setWorld from '@/components/dashboard/dashboard-setWorld.vue';
export default {
  components: {
    'set-world': setWorld
  },
  data () {
    return {
      activeName: 'first'
    };
  },
  methods: {
    handleClick (tab, event) {
      console.log(tab, event);
    }
  }
};
</script>
<style lang="less">
.dashboard-header {
  height: 50px;
}
</style>
